十四、蓝色实心圆球背景带姓名或红色实心圆球带数字(未读条数)实现方法

发表于 | 分类于


1. 看钉钉的通讯录列表，如果记录没有设置头像，那么就会出现一个蓝色圆球，中间是你的名字(字体颜色为白色)。比如： 伟东 ,要如何做到呢？

很简单。就是一个TextView.把背景设置为蓝色圆球形即可

1
2
3
4
5
6
7
8
9
10
<TextView
	android:id="@+id/tvLogo"
	android:layout_width="60dp"
	android:layout_height="60dp"
	android:background="@drawable/shape_circle_surname_bg"
	android:gravity="center"
	android:text="伟东"
	android:textColor="@color/white"
	android:textSize="18sp"
	android:textStyle="bold" />

shape_circle_surname_bg.xml

1
2
3
4
5
6
7
8
9
10
11
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval"
    android:useLevel="false">

    <solid android:color="@color/color_0bacfd" />
    <size
        android:width="60dp"
        android:height="60dp" />

</shape>

红色实心圆球实现与上述类似。
shape_unread_msg_bg.xml(红色实心圆球)

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <solid android:color="#f23c3c"></solid>

    <corners
        android:bottomLeftRadius="8.5dp"
        android:bottomRightRadius="8.5dp"
        android:topLeftRadius="8.5dp"
        android:topRightRadius="8.5dp" />
</shape>